<script>
	$(function() {
		$( "button, input:submit, a", ".demo" ).button();
		$( "a", ".demo" ).click(function() { return true; });
	});
</script>

	<style type="text/css">
		#datos{
			-moz-border-radius: 10px 10px 10px 10px; 
			background: none repeat scroll 0 0 #FFFFFF;
			border: 1px solid #99CC00;
		}
	</style>
	<h1>Datos Personales</h1>
	<div id="datos" style=" float:left; width: 90%;"></div>
	
	<div>
		<%= image_tag(@user.picture, :size => "100x100") %>

		<p>
		  <b>Nombre(s):</b>
		  <%=h @user.name+" "+@user.name2 %>
		</p>


		<p>
		  <b>Apellido(s):</b>
		  <%=h @user.lastname+" "+@user.lastname2 %>
		</p>

		<p>
		  <b>Email:</b>
		  <%=h @user.email %>
		</p>

	<div id="viajes" style="margin-top:5%;">
		<% if (current_user.id != @user.id) %>
			<h1>Viajes en Comun Contigo</h1>
			<div id="datos" style=" float:left; width: 90%;"></div>
				<div id="viajesComunes" style="margin-left:6%; margin-top:3%;">
				<% @on_trips_a.each do |tripa|%>
					<% @on_trips_b.each do |tripb|%>
						<% if (tripa.id == tripb.id) %>
							<li>
								<%= tripa.tri_country%> - <%= tripa.tri_city%> 
								Fecha Salida: <%= tripa.tri_start_date.strftime("%d-%m-%Y")%> 
								Fecha Regreso: <%= tripa.tri_end_date.strftime("%d-%m-%Y")%>
								<a href='/trips/show/<%=tripa.id%>'>Ver Detalles</a>
							</li>							
						<% end -%>
					<% end -%>
				<% end -%>
				</div>
		<% end-%>
	</div>
		<div class="demo" style="margin-top:5%;">
			<% if (current_user.id == @user.id) %>
				<%= link_to "Editar tus Datos", edit_user_path(@user) %>
			<%# else%>

			<% end-%>
			<%= link_to "Ir al Inicio", :controller => "users", :action => "home", :id => current_user.id %>
		</div>
	</div>